<template>
  <div>
    <!-- 搜索框 -->
    <van-search v-model="value" placeholder="请输入搜索关键词" shape="round" />

    <!-- 标签页，用于区分区域 -->
    <van-tabs>
      <van-tab v-for="index in 8" :title="'标签 ' + index" :key="index">
        内容 {{ index }}
        <!-- 占位符 -->
        <router-view />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: "",
    };
  },
};
</script>

<style>
/* 改变搜索框内部的背景颜色 */
.van-search__content {
  background-color: #f0f0f0;
}
</style>